<!-- 张欢欢，费用管理页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
<base href=""/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>费用管理</title>
    <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
	<link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
	<link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
    
    <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
    <script type="text/javascript" src="../static/js/common.js"></script>
    <script type="text/javascript" src="../static/js/chargingCost.js"></script>
    <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
    <div class="top"></div>
        <div class="part">
            <h4 class="partTitle"><strong>费用管理查询</strong></h4>
            <form class="form-horizontal" id="searchChargingCost">
              <input id="page" name="page" value="1" hidden="hidden">
              <input id="rows" name="rows" value="8" hidden="hidden">
              <div class="form-group">
                <label for="ChargingCostDate" class="col-sm-1 control-label partConditionTitle">费用管理日期</label>
                <div id="date" class="col-sm-1 input-group date" data-date-format="yyyy-mm-dd">
                    <input id="ChargingCostDate" name="ChargingCostDate" class="form-control" type="text">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
              </div>
            </form>
            <div class="form-group">
                <button type="button" class="btn btn-primary"onclick="findFirstPage();return false;">
                      <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查询
                </button>
            </div>
        </div>
        <div class="part">
            <h4 class="partTitle"><strong>费用管理列表</strong></h4>
            <div class="partTable">
               <table class="table table-hover" id="chargingCostTable">
                 <thead>
                   <tr>
                       <th class = "chkwidth"><input id="chk1" type="checkbox" onclick="checkAll('chk')"></th>
                       <th class = "nowidth">序号</th>
                       <th>费用管理日期</th>
                       <th>电价(元)</th>
                       <th>系数</th>
                       <th>贸易表本月用电量(度)</th>
                       <th>当日充电服务费(元)</th>
                       <th>当日油价(元)</th>
                   </tr>
                 </thead>
                 <tbody id="chargingCostTbody">
                 </tbody>
               </table>
             </div>
            <div class="partBtn">
              <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="save();">
                  <span><img src="../static/images/plus01.png" aria-hidden="true"/></span> 添加
              </button>
              <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="update();">
                  <span><img src="../static/images/modify.png" aria-hidden="true"/></span> 修改
              </button>
              <button type="button" class="btn btn-primary" aria-label="Left Align"onclick="del();">
                  <span><img src="../static/images/delete.png" aria-hidden="true"/></span> 删除
              </button>
            <div class="partTurnPage">
              <ul class="list-inline">
                  <li><a href="#" onclick="firstPage();return false;"><ins>首页</ins></a></li>
                  <li><a href="#" onclick="formPage();return false;"><ins>上一页</ins></a></li>
                  <li><a href="#" onclick="nextPage();return false;"><ins>下一页</ins></a></li>
                  <li><a href="#" onclick="lastPage();return false;"><ins>尾页</ins></a></li>
                  <li id="total">共0条 / 共0页</li>
                  <li>转到</li>
                  <li><input id="currentPage" value="1" type="text" class="form-control partCurrentPage"/></li>
                  <li><a href="#" onclick="ensure();return false;"><ins>Go</ins></a></li>
              </ul>
          </div>
        </div>
     </div>
      <!--添加-->
    <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="save" class="modal fade popup">
      <div class="popupForm">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title" id="saveTitle"></h4>
          </div>
          <div class="modal-body">
              <form class="form-horizontal" id="saveForm">
                  <div class="form-group" id="effectiveDate">
	                <label for="saveEffectiveDate" class="col-sm-4 control-label">费用管理日期</label>
	                <div class="col-sm-6">
  	                  <div id="saveDate" class="input-group date" data-date-format="yyyy-mm-dd">
                        <input id="saveEffectiveDate" name="saveEffectiveDate" class="form-control" type="text"/>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group" >
                      <label for="saveChargePrice" class="col-sm-4 control-label">电价</label>
                      <div class="col-sm-6">
                          <input id="saveChargePrice" maxlength="10" name="saveChargePrice" class="form-control"/>
                      </div>
                  </div>
                  <div class="form-group" >
                      <label for="saveRole" class="col-sm-4 control-label">系数</label>
                      <div class="col-sm-6">
                         <input id="saveRatio" maxlength="10" name="saveRatio" class="form-control" maxlength="6">
                      </div>
                  </div>
                  <div class="form-group" >
                      <label for="saveMonthKWH" class="col-sm-4 control-label">贸易表本月用电量</label>
                      <div class="col-sm-6">
                          <input id="saveMonthKWH" maxlength="10" name="saveMonthKWH" class="form-control" maxlength="10"/>
                      </div>
                  </div>
                  <div class="form-group" >
                      <label for="saveServicePrice" class="col-sm-4 control-label">当日充电服务费</label>
                      <div class="col-sm-6">
                          <input id="saveServicePrice" maxlength="10" name="saveServicePrice" class="form-control" maxlength="10"/>
                      </div>
                  </div>
                  <div class="form-group" id="oilPrice">
                      <label for="saveOilPrice" class="col-sm-4 control-label">当日油价</label>
                      <div class="col-sm-6">
                          <input id="saveOilPrice" maxlength="6" name="saveOilPrice" class="form-control" maxlength="10"/>
                      </div>
                  </div>
              </form>
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-primary" onclick="confirm()">确定</button>
              <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
          </div>
      </div>
  </div>
</body>
</html>